body,.body-fauxcolumn-outer {
  font:normal normal 15px/1.5 Ubuntu,"Trebuchet MS",Trebuchet,Geneva,Verdana,Arial,Sans-Serif;
  background:#e5e5e5;
}
* {
  position:relative;
  word-wrap:break-word;
}
body,
.body-fauxcolumn-outer {
  max-width:100%;
  overflow-x:hidden !important;
}
img {
  max-width:100%;
  height:auto;
}
iframe {max-width:100%}
.thumbnail {z-index:10}
.item-thumbnail img {max-width:100%}
a {
  color:#EF633B;
  text-decoration:none;
}
.separator {overflow:hidden}
.key {color:#EF633B}
.hide {
  display:none;
  line-height:0;
}
.clear {
  clear:both;
  float:none;
}
.ib {
  display:inline-block;
  *display:inline;
  zoom:1;
}
.oh {
  overflow:hidden;
  position:relative;
}
.ti {
  text-indent:-999px;
  font-size:0;
  line-height:0;
}
.Attribution,
.quickedit,
.section.json .widget.Label {display:none}
.widget-item-control {z-index:1000}
.mainbg {background-color:#EF633B}
.widget,
.section {
  padding:0;
  margin:0;
}
.br4 {
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.ease {
  -webkit-transition:all 200ms ease-in-out;
  -moz-transition:all 200ms ease-in-out;
  -o-transition:all 200ms ease-in-out;
  transition:all 200ms ease-in-out;
}
.ease * {
  -webkit-transition:all 200ms ease-in-out;
  -moz-transition:all 200ms ease-in-out;
  -o-transition:all 200ms ease-in-out;
  transition:all 200ms ease-in-out;
}
.transition {
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  -ms-transition:all .5s ease;
  -o-transition:all .5s ease;
  transition:all .5s ease;
}
.item-thumbnail {
  overflow:hidden;
  display:block;
}
.comment-form {max-width:100%}
.wrapper {
  width:1080px;
  margin:0 auto;
  background:white;
  -webkit-box-shadow:0 0 5px rgba(0,0,0,0.75);
  -moz-box-shadow:0 0 5px rgba(0,0,0,0.75);
  box-shadow:0 0 5px rgba(0,0,0,0.75);
}
#top-header {
  background:white;
  height:25px;
  padding:0 20px;
}
#page-social .PageList {float:left}
#top-header .PageList {
  font-size:10px;
  text-transform:uppercase;
}
#top-header h2 {display:none}
#top-header .PageList li {
  padding:0;
  margin:0 1.5em 0 0;
  height:25px;
  line-height:25px;
}
#page-social .PageList li.selected a {
  font-weight:normal;
  color:#ccc;
}
#page-social .PageList li a:hover {text-decoration:underline}
#top-header .search-box {
  position:absolute;
  right:0;
}
#page-social .LinkList {
  position:absolute;
  right:120px;
}
#search-this #search-text {
  background:#2b2b2b;
  border:none;
  height:25px;
  line-height:25px;
  padding:0 10px;
  margin:0;
  display:block;
  width:100px;
  color:white;
}
.social-icons .LinkList li a {
  display:block;
  background-image:url(http://2.bp.blogspot.com/-Wgbt9c57mFo/UgNq69thqdI/AAAAAAAAGWU/tNHeAbcBKoY/s1600/color-grey-social-32.png);
  background-repeat:no-repeat;
  text-indent:-9999px;
  font-size:0;
  line-height:0;
  height:32px;
  width:32px;
  margin:0 5px 0 0;
  background-position:-141px -282px;
}
.social-icons .LinkList li a:hover {background-position:-391px -282px}
.social-icons .LinkList li {
  float:left;
  display:block;
}
.social-icons .LinkList li a.facebook {background-position:-0px -0px}
.social-icons .LinkList li a.facebook:hover {background-position:-250px -0px}
.social-icons .LinkList li a.twitter {background-position:-94px -0px}
.social-icons .LinkList li a.twitter:hover {background-position:-344px -0px}
.social-icons .LinkList li a.plus {background-position:-141px -0px}
.social-icons .LinkList li a.plus:hover {background-position:-391px -0px}
#brand .widget {
  position:absolute;
  right:0;
  z-index:2;
  height:90px;
  overflow:hidden;
}
#brand .Header {
  left:0;
  z-index:1;
  padding:0;
  line-height:90px;
}
#brand .Header img {
  max-height:90px;
  width:auto;
  margin:0;
}
#brand {height:90px}
#brand .Header .descriptionwrapper {display:none}
#brand .Header .title {
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-size:32px;
  font-weight:bold;
  color:white;
  text-transform:uppercase;
  display:block !important;
  margin:0;
  line-height:90px;
  height:90px;
}
#brand .widget h2 {display:none}
#brand .Header .title a {color:white}
#main-menu {
  height:35px;
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-size:15px;
  z-index:999;
  text-transform:uppercase;
}
#main-menu.section {
  background:#2A2B2F;
  display:block !important;
  border-top:2px solid yellow;
}
#main-menu .widget {display:none}
#sub-menu {display:none}
#main-menu li {display:block}
#main-menu .menu li {float:left}
#main-menu ul {
  padding:0;
  margin:0;
}
#main-menu ul.sub {
  position:absolute;
  display:none;
}
#main-menu .menu > li > a,
#main-menu .menu > li > span {
  color:white;
  height:35px;
  display:block;
  line-height:35px;
  padding:0 10px;
}
#main-menu .menu > li:hover > a {
  background:#EF633B;
  color:white;
}
#main-menu .menu > li.has-sub:hover > span {
  background:#5a8706;
  color:white;
}
#main-menu ul.menu li:hover ul.sub {display:block}
#main-menu .menu .sub li a {
  display:block;
  background:#333;
  width:200px;
  padding:10px;
  color:white;
  font:normal normal 12px Arial,Tahoma,Helvetica,FreeSans,sans-serif;
  font-size:12px;
}
#main-menu .menu .sub li a:hover {background:#5a8706}
body.index div.home .widget.Blog {display:none}
.static_page #side,
.error_page #side {display:none}
.static_page #main,
.error_page #main {
  width:100%;
  float:none;
}
#main {
  float:left;
  width:720px;
  margin:0 20px 0 0;
  min-height:10px;
}
#primary {padding:20px}
.produk .widget > h1 {
  text-indent:-9999px;
  margin-bottom:-37px;
}
.produk .widget-content {
  padding:0;
  margin:0;
}
#produk {
  width:25%;
  float:left;
  position:relative;
}
#produk .produk {
  border:5px solid #AAA;
  display:block;
  margin:0 7px 7px;
  padding:4px;
  height:190px;
  position:relative;
  color:#808080;
  text-decoration:none;
}
#produk .produk:hover {border:5px solid #EF633B}
#produk .produk a.thumb {
  display:block;
  height:150px;
  position:relative;
  background-color:#FFF;
}
#produk .produk a.thumb img {
  display:block;
  width:100%;
  height:100%;
}
#produk .produk .produk-title {
  display:table;
  height:40px;
  overflow:hidden !important;
}
#produk .produk .produk-title h2 {
  display:table-cell;
  vertical-align:middle;
  text-align:center !important;
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-size:14px;
  line-height:17px;
  text-transform:uppercase;
}
#produk .produk .produk-title h2 a {
  color:#EF633B;
  text-decoration:none;
}
.label-icon {
  position:absolute;
  z-index:2;
  top:-3px;
  left:5px;
  width:50px;
  height:50px;
  background-repeat:no-repeat;
  background-position:left top;
  font-size:0;
}
.label-icon.sale {background-image:url(http://4.bp.blogspot.com/-i5RdAtE5We0/Uj5KUJtSihI/AAAAAAAAAGw/QGdQc6hL0TI/s1600/sale.png)}
.label-icon.new {background-image:url(http://4.bp.blogspot.com/-fbcZHslPrag/Uj5KUBBodMI/AAAAAAAAAG8/xaq9lrQVujA/s1600/new.png)}
.stok-habis {
  background-image:url(http://1.bp.blogspot.com/-lpiD2EnLaDY/UkPkO28c65I/AAAAAAAAAds/BtKigCUsRzg/s1600/stokhabis.png);
  position:absolute;
  z-index:2;
  top:-6px;
  left:1.2px;
  width:100px;
  height:100px;
  background-repeat:no-repeat;
  background-position:left top;
  font-size:0;
}
.tooltip {
  outline:none;
  text-decoration:none;
}
.tooltip strong {
  font:normal bold 15px 'Open Sans',Tahoma,sans-serif;
  color:#EF633B;
  margin-top:0;
}
.tooltip p {margin-bottom:0}
.tooltip > span {
  width:200px;
  font-size:13px;
  color:#333;
  border-top:4px solid #EF633B;
  border-bottom:4px solid #EF633B;
  background:#ECECEC;
  padding:10px;
  margin-top:-200px;
  margin-left:-35px;
  opacity:0;
  visibility:hidden;
  z-index:10;
  position:absolute;
  -webkit-box-shadow:2px 2px 2px #999;
  -moz-box-shadow:2px 2px 2px #999;
  box-shadow:2px 2px 2px #999;
  -webkit-transition-property:opacity,margin-top,visibility,margin-left;
  -webkit-transition-duration:0.4s,0.3s,0.4s,0.3s;
  -webkit-transition-timing-function:ease-in-out,ease-in-out,ease-in-out,ease-in-out;
  -moz-transition-property:opacity,margin-top,visibility,margin-left;
  -moz-transition-duration:0.4s,0.3s,0.4s,0.3s;
  -moz-transition-timing-function:ease-in-out,ease-in-out,ease-in-out,ease-in-out;
  -o-transition-property:opacity,margin-top,visibility,margin-left;
  -o-transition-duration:0.4s,0.3s,0.4s,0.3s;
  -o-transition-timing-function:ease-in-out,ease-in-out,ease-in-out,ease-in-out;
  transition-property:opacity,margin-top,visibility,margin-left;
  transition-duration:0.4s,0.3s,0.4s,0.3s;
  transition-timing-function:ease-in-out,ease-in-out,ease-in-out,ease-in-out;
}
.tooltip:hover > span {
  opacity:1;
  text-decoration:none;
  visibility:visible;
  overflow:visible;
  margin-top:0;
  display:inline;
  margin-left:-35px;
}
#home-layout .label-layout {margin:0 0 0 0}
#home-layout .label-layout .excerpt {line-height:1.5em}
#home-layout .label-layout h2.title {
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-weight:normal;
  font-size:18px;
  text-transform:uppercase;
}
#home-layout .label-layout h2.title a {
  background:#EF633B;
  color:white;
  padding:0 10px;
}
#home-layout .label-layout h3.title {
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-size:20px;
  font-weight:normal;
  line-height:1.2em;
}
#home-layout .label-layout h3.title a:hover {
  filter:alpha(opacity=60);
  opacity:0.6;
}
#home-layout .label-layout .meta a,
.feed-data .meta a,
.related-post .meta a,
.post-wrapper .meta > div {
  display:inline-block;
  background-image:url(http://4.bp.blogspot.com/-8nkMk_Pqi7M/UgOZo1MAWnI/AAAAAAAAGW0/lLR-wLp-g-c/s1600/meta-icons.png);
  height:12px;
  font-size:12px;
  line-height:12px;
  color:black;
  vertical-align:super;
  background-repeat:no-repeat;
  padding:0 0 0 14px;
  margin:0 10px 0 0;
  filter:alpha(opacity=40);
  opacity:0.4;
}
#home-layout .label-layout .meta a:hover,
.feed-data .meta a:hover,
.post-wrapper .meta > div:hover,
.related-post .meta a:hover {
  color:#EF633B;
  filter:alpha(opacity=100);
  opacity:1;
}
#home-layout .label-layout .meta a.date,
.feed-data .meta a.date,
.post-wrapper .meta div.date,
.related-post .meta a.date {background-position:0 -40px}
.post-wrapper .meta div.tags {background-position:0 -20px}
#home-layout .label-layout .item .thumbnail,
#home-layout .label-layout .item .item-thumbnail {background:#333}
#side {
  float:left;
  width:300px;
}
#side h2,
#side h4 {
  background:#EF633B;
  border-radius:2px 2px 0 0;
  padding:4px 0;
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  color:white;
  text-transform:uppercase;
  font-size:16px;
  text-align:center;
}
#side h2 span,
#side h4 span {}
#side .widget {margin:0 0 20px 0}
#side .widget .widget-content {
  background:#ECECEC;
  clear:both;
  padding:5px 10px;
}
#side .widget ul {
  padding:0;
  margin:0;
}
#side .widget li {display:block}
.kontak-kami {
  background:transparent;
  display:block;
  font-size:15px;
  padding:3px 0 3px 40px;
}
.ikon-phone {
  background:url(https://lh4.googleusercontent.com/-6rsdNKEmRAM/T-RyAvMp-0I/AAAAAAAABYQ/2NDM98Ra-nk/s32/phone.png) no-repeat scroll left center transparent;
  margin-bottom:-5px;
}
.ikon-bbm {
  background:url(http://1.bp.blogspot.com/-PFpERw-3BYY/Uj-hZExBddI/AAAAAAAAAHY/07XAWXL0RB4/s32/bbm.png) no-repeat scroll left center transparent;
  margin-top:-5px;
}
.ikon-mail {
  background:url(https://lh5.googleusercontent.com/-DRDY-zd8D5c/T-Rx6z2RxUI/AAAAAAAABXI/00nbi0e_ZVU/s32/mail.png) no-repeat scroll left center transparent;
  margin-top:-5px;
}
.ikon-map {
  background:url(https://lh4.googleusercontent.com/--xvcZQLeK1U/T-Rx7KVXnCI/AAAAAAAABXM/AwOsWxvYpyk/s32/map.png) no-repeat scroll left center transparent;
  font-size:13px;
  margin-top:-5px;
}
.feed-data .item {
  margin:15px 0 0 0;
  padding:10px 0 0 0;
  border-top:1px solid #eee;
  clear:both;
}
.feed-data .item-0 {
  margin:0;
  padding:0;
  border-top:none;
}
.feed-data .item .thumbnail,
.feed-data .item .item-thumbnail {
  width:70px;
  overflow:hidden;
  height:70px;
}
.feed-data .item .thumbnail {
  float:left;
  margin:3px 10px 0 0;
  z-index:2;
}
.feed-data .item .meta,
.feed-data .item .excerpt {display:none}
.feed-data .item .meta-2 {
  display:block;
  margin:5px 0;
}
.feed-data .item h3.title {
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-weight:normal;
  font-size:16px;
}
.feed-data.recent-comments .item  .meta-2 {
  height:0.8em;
  margin:10px 0 7px 0;
}
.feed-data.recent-comments .item .excerpt {
  display:block;
  margin:0;
}
.PopularPosts .widget-content ul li {
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-size:16px;
  border-top:1px solid #eee;
}
.PopularPosts .widget-content ul li:first-child {border:none}
.cloud-label-widget-content .label-size {
  background:#EF633B;
  margin:0 5px 5px 0;
  float:left;
  padding:5px;
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-size:16px;
  filter:alpha(opacity=100);
  opacity:1;
}
.cloud-label-widget-content .label-size .label-count {display:none}
.cloud-label-widget-content .label-size a {color:white}
div.spy-outer {
  margin:0;
  height:365px;
  overflow:hidden;
}
div.spy-outer h2 {display:none}
ul.spy {
  margin:0 0;
  padding:0 0;
  overflow:hidden;
}
ul.spy li {
  list-style:none;
  text-align:left;
  padding:5px 0 0 2px;
  border-bottom:1px dotted #aaa;
  word-wrap:break-word;
  overflow:hidden;
}
ul.spy a {text-decoration:none}
ul.spy li em {
  font-weight:bold;
  color:#0B5D94;
}
ul.spy a.header {
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-size:13px;
  display:block;
  color:#EF633B;
  text-decoration:none;
}
ul.spy a.header:hover {
  color:#5a8706;
  text-decoration:none;
}
ul.spy li .summ {
  font-family:Tahoma,Arial,Helvetica,sans-serif;
  font-size:11px;
  color:#555;
  line-height:15px;
  margin-bottom:5px;
  overflow:hidden;
}
ul.spy li .imgwrap,
ul.spy li img {
  float:left;
  margin:0 7px 2px 0;
  width:50px;
  height:50px;
  border:4px solid #fff;
  background:#fff url('http://reader-download.googlecode.com/svn/trunk/images/loading-white.gif') no-repeat 50% 50%;
  padding:0;
}
ul.spy li .imgwrap {
  -webkit-box-shadow:0 0 1px rgba(0,0,0,0.7);
  -moz-box-shadow:0 0 1px rgba(0,0,0,0.7);
  box-shadow:0 0 1px rgba(0,0,0,0.7);
}
ul.spy li img {
  border:none !important;
  float:none;
  margin:0 0;
  padding:0 0;
  display:none;
}
#copyright {
  background:#2A2B2F;
  padding:10px 0;
  font-size:12px;
  color:white;
  text-align:center;
  border-top:5px solid #EF633B;
}
#copyright a {color:white}
#copyright a:hover {color:#EF633B}
.post-archive-body .thumbnail,
.post-archive-body .item-thumbnail {
  width:300px;
  height:200px;
  overflow:hidden;
}
.post-archive-body .thumbnail {
  float:left;
  margin:5px 20px 20px 0;
  z-index:2;
}
.post-archive-body {margin:0 0 20px 0}
.post-archive-body h2.post-title {
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-size:24px;
  font-weight:normal;
}
.post-wrapper .meta > div {margin:10px 5px 5px 0}
.post-wrapper .meta > div a {color:#333}
.post-body-snippet {margin:0}
.post-title.single-title {
  color:#AA0017;
  font-family:'Roboto Slab',serif;
  font-size:24px;
  line-height:26px;
  font-weight:bold;
}
.post-single-body {
  line-height:1.5em;
  border-top:1px solid #eee;
  margin:10px 0 0 0;
  padding:10px 0 0 0;
}
td.tr-caption {
  font-style:italic;
  color:#999;
}
.post-body blockquote {
  float:left;
  width:280px;
  margin:15px 20px 20px 0;
  padding:15px;
  background:#FFFFE2;
  font-family:'Oswald',Tahoma,sans-serif;
  border-bottom:6px solid #EF633B;
  line-height:2;
  font-size:14px;
  color:#3B5998;
}
.post-wrapper .meta div.tags a:hover {color:#EF633B}
.post-wrapper .post-author {
  text-align:right;
  margin:0.5em 0;
  font-size:13px;
  font-style:italic;
  color:#ccc;
}
.post-wrapper .post-author a {font-weight:bold}
.post-body h2,
.post-body h3,
.post-body h4 {
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  text-transform:none;
  margin:1em 0 0.5em 0;
}
.Blog h4 {
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-weight:normal;
  text-transform:uppercase;
  font-size:20px;
}
post-body h2 {font-size:26px}
.post-body h3 {font-size:20px}
.post-body h4 {
  font-size:16px;
  text-align:left !important;
  text-transform:none;
}
.share-post .title {
  float:left;
  padding:0 10px 0 0;
}
.share-post .addthis_toolbox {padding:4px 0 0 0}
.share-post .addthis_toolbox .addthis_button_tweet {width:85px}
.share-post .addthis_toolbox .addthis_button_facebook_like {width:80px}
.share-post .addthis_toolbox .addthis_button_google_plusone {width:65px}
.share-post {
  padding:10px 0;
  border:1px solid #eee;
  border-left:none;
  border-right:none;
  margin:20px 0;
  z-index:999;
}
.post-wrapper .meta > div.post-apps * {line-height:12px}
.post-wrapper .meta > div.post-apps {
  position:absolute;
  right:0;
  width:213px;
  top:0;
  background:none;
  font-size:16px;
  filter:alpha(opacity=100);
  opacity:1;
}
.post-apps a {
  color:black;
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-size:16px;
  text-transform:uppercase;
}
.post-apps a.zoom-text {float:right}
.post-apps .addthis_toolbox {float:right}
.zoom-out-text {
  background:#f8f8f8;
  padding:5px 5px 8px 5px;
  margin:-10px 0 0 0;
}
.zoom-in-text {
  background:#f0f0f0;
  padding:5px 5px 8px 5px;
  margin:-10px 0 0 0;
}
.zoom-text span {font:normal normal 16px Arial,Tahoma,Helvetica,FreeSans,sans-serif}
.related-post h3.title {
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-size:19px;
  font-weight:normal;
}
.related-post h3.title a {color:black}
.related-post h3.title a:hover {color:#EF633B}
.related-post .item {
  float:left;
  width:230px;
  margin-left:15px;
  margin-top:10px;
}
.related-post .item-0,
.related-post .item-3 {margin-left:0}
.related-post .item .item-thumbnail,
.related-post .item .thumbnail {
  width:230px;
  height:125px;
  overflow:hidden;
}
.related-post .meta-1 {margin:10px 0 0 0}
.related-post .meta-2,
.related-post .meta-3 {display:none}
.related-post .excerpt {display:none}
.static-pagination .home-link:hover {text-decoration:underline}
.static-pagination {
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-size:16px;
  text-align:center;
}
.paginations {
  float:left;
  width:100%;
  margin:20px 0;
  padding:20px 0;
  border:1px solid #eee;
  border-left:none;
  border-right:none;
}
.paginations .item span {
  font-size:10px;
  color:#ccc;
  text-transform:uppercase;
  display:block;
}
.paginations .item a {
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  display:block;
  font-size:16px;
}
.paginations .item {
  float:right;
  text-align:right;
}
.paginations .item:first-child {
  float:left;
  text-align:left;
}
.paginations .item a:hover {text-decoration:underline}
.index .paginations > span {
  background:#f8f8f8;
  display:inline-block;
  padding:0 10px;
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-size:16px;
  border:1px solid #EEE;
  margin:0 5px 0 0;
}
.index .paginations > a {
  display:inline-block;
  border:1px solid #EEE;
  padding:0 10px;
  margin:0 5px 0;
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-size:16px;
}
.index .paginations > a:hover {
  background:#EF633B;
  color:white;
}
.index .paginations {
  border:none;
  padding:0;
  margin:0;
}
.comments .comment-block {
  background:#FFF;
  border-radius:1px;
  -moz-border-radius:1px;
  -webkit-border-radius:1px;
  box-shadow:0 1px 3px 0 #B5B5B5;
  -moz-box-shadow:0 1px 3px 0 #b5b5b5;
  -webkit-box-shadow:0 1px 3px 0 #B5B5B5;
  position:relative;
  padding:10px;
  margin-left:25px;
}
.comments .thread-toggle {display:none}
.comments .continue {}
.comments .avatar-image-container {
  overflow:hidden;
  width:45px;
  height:45px;
  margin:15px 10px 10px 0;
  background:#FFF;
  padding:2px;
  -moz-border-radius:1px;
  -webkit-border-radius:1px;
  box-shadow:0 0 3px #B5B5B5;
  -moz-box-shadow:0 0 3px #b5b5b5;
  -webkit-box-shadow:0 0 3px #B5B5B5;
  float:left;
  z-index:9;
  position:relative;
  max-width:100px;
  max-height:100px;
}
.comments .avatar-image-container img {
  max-width:100%;
  width:100%;
}
.comments .comments-content .user {
  font-weight:normal;
  font-style:italic;
  display:block;
  margin:12px 0 0 0;
}
.comments .comments-content .datetime {
  display:block;
  font-size:11px;
}
.comments .comments-content .icon.blog-author {display:none}
.comment-actions {
  position:absolute;
  bottom:0;
  right:0;
  background:#DDD;
  padding:3px 10px;
  text-shadow:0 1px 1px #FFF;
  font-size:11px;
}
.comment-actions:hover {
  background:#333;
  text-shadow:0 1px 1px #000;
}
.comment-actions:hover a {color:white}
.comments .continue a {padding:0}
.comments .comments-content .inline-thread {padding:0}
.comments .comments-content .comment-replies {margin-left:50px}
ol.thread-chrome.thread-expanded .continue {
  display:block;
  text-align:right;
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  font-weight:normal;
  text-transform:uppercase;
  font-size:18px;
}
.separator a {margin:auto !important}
#emo-but {display:inline-block}
#emo-but a {
  padding:4px 4px 0;
  line-height:0;
  background:#fbfbfb;
}
#emo-but a:hover {background:#f8f8f8}
#emo-box .item {
  float:left;
  text-align:center;
  padding:10px 0;
  width:85px;
  font-size:12px;
  height:30px;
  line-height:1;
}
#emo-box {
  background:#fbfbfb;
  margin:-2px 0 0 0;
  display:none;
}
#comment-post-message a {
  margin:4px 0 0 0.5em;
  padding:4px;
  background:#f8f8f8;
  font:normal normal 16px Arial,Tahoma,Helvetica,FreeSans,sans-serif;
  font-size:10px;
  display:inline-block;
  vertical-align:top;
}
#comment-post-message a.default {color:#EF633B}
#comment-post-message a.facebook {color:#6d84b4}
#comment-post-message a:hover {text-decoration:underline}
#comment-post-message a.active {
  color:#ccc;
  cursor:text;
  text-decoration:none;
}
.comment-box {display:none}
.desc-404 {
  text-align:center;
  font-size:30px;
  margin:30px 0 0 0;
}
.img-404 {
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  color:#ccc;
  font-size:150px;
  text-align:center;
}
.error_page .paginations {
  font:normal bold 20px Open Sans,Tahoma,sans-serif;
  text-align:center;
  font-size:30px;
  text-transform:uppercase;
  border:none;
}
a.scrollup {
  z-index:2;
  background:#444 url(http://4.bp.blogspot.com/-4rsDp_Wv9yg/UghBQrCm9fI/AAAAAAAAGXk/ls4z7ev6254/s1600/jump-top-arrow.png) no-repeat center center;
  width:40px;
  height:40px;
  text-indent:-99999px;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  position:fixed;
  bottom:-100px;
  right:10px;
  cursor:pointer;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  -ms-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
  overflow:auto;
  opacity:.7;
}
a.scrollup:hover {
  background:#EF633B url(http://4.bp.blogspot.com/-4rsDp_Wv9yg/UghBQrCm9fI/AAAAAAAAGXk/ls4z7ev6254/s1600/jump-top-arrow.png) no-repeat center center;
  opacity:1;
}
::selection {
  background:transparent !important;
  text-shadow:none;
}
::-moz-selection {
  background:transparent !important;
  text-shadow:none;
}
.selectnav {display:none}
@media screen and (max-width:1079px) {
  #res-menu-1,
  #res-menu-2 {display:none}
  .selectnav {display:block}
  .wrapper {width:760px}
  #main-menu.section {color:white}
  #selectnav1 {
    width:300px;
    height:25px;
    margin:0;
    border:1px solid #EEE;
    font-size:15px;
    padding:0 0 0 5px;
  }
  #selectnav2 {
    font:normal bold 20px Open Sans,Tahoma,sans-serif;
    font-size:17px !important;
    color:#EF633B;
    background:transparent;
    border:none;
    padding:0 0 0 5px;
    width:100%;
    height:35px;
  }
  #brand {height:auto}
  #brand .Header img {margin:0 auto}
  #brand .widget {
    position:static;
    margin:auto;
    clear:both;
    float:none;
    text-align:center;
    max-width:728px;
  }
  #main {
    width:100%;
    clear:both;
    float:none;
  }
  #side {
    width:100%;
    float:none;
    clear:both;
    margin:40px 0 0 0;
  }
}
@media screen and (max-width:759px) {
  .scrollup {display:none !important}
  .wrapper {width:390px}
  #top-header {height:auto}
  #selectnav1 {
    clear:both;
    width:100% !important;
    float:none;
    margin:0 0 5px 0 !important;
    padding:0;
  }
  #page-social .LinkList,
  #top-header .PageList,
  #top-header .search-box,
  #search-this #search-text {
    position:static;
    float:none;
    clear:both;
    width:100%;
    margin:auto;
    padding:0;
  }
  #top-header .widget ul {padding:0}
  #search-this #search-text {margin:0 0 5px 0}
  .social-icons .LinkList {text-align:center}
  .social-icons .LinkList li,
  .social-icons .LinkList a,
  .social-icons .LinkList div,
  .social-icons .LinkList ul {display:inline-block}
  #brand .widget {display:none}
  #brand .widget.Header {display:block}
  #home-layout .label-layout .item,
  #home-layout .label-layout .item-first .thumbnail {width:100% !important}
  #side .widget,
  #side .section {width:100% !important}
  .banner.has-dots {width:100% !important}
  #produk {width:50%}
  #main {max-width:100%}
  .post-apps {
    position:static !important;
    clear:both;
    float:none;
    text-align:left;
    margin:15px 0 0 0 !important;
    width:100% !important;
    padding:0 !important;
  }
  .post-apps a.zoom-text {float:left}
  .post-apps .addthis_toolbox {float:left}
  .facebook-comment * {
    width:100% !important;
    display:block;
    position:relative !important;
    max-width:100% !important;
  }
  .fb_iframe_widget {width:100% !important}
  .fb_iframe_widget span {width:100% !important}
  .related-post .item {
    max-width:100%;
    margin-left:auto !important;
    margin-right:auto !important;
    float:none;
  }
  .Blog h4 {
    display:block;
    clear:both;
    float:none !important;
    position:static !important;
    text-align:center;
  }
  #comment-post-message a {display:block}
  .paginations .item {
    display:block;
    clear:both;
    text-align:center !important;
    width:100% !important;
    float:none;
    position:static !important;
    margin:0 0 10px 0;
  }
  #side h2,
  #side h4 {font-size:90%}
  p,
  div {max-width:100%}
}
@media screen and (max-width:389px) {
  .wrapper,
  .item,
  .widget,
  .section,
  #main,
  #side,
  .label-layout {
    max-width:100%;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  #produk .produk {
    margin:0 7px 7px;
    height:150px;
  }
  #produk .produk a.thumb {height:110px}
  #produk .produk .produk-title h2 {font-size:11px}
  .post-title.single-title {font-size:20px}
}
@media print {
  #top-header,
  #brand .widget,
  #main-menu,
  #side,
  #footer,
  .share-post,
  .related-post,
  .paginations,
  .comments,
  .facebook-comment,
  .meta {display:none !important}
  #brand .widget.Header {display:block !important}
  #main {
    float:none;
    clear:both;
    width:100%;
  }
  .print-url {display:block !important}
}
caption {
  margin:3px;
  font-weight:bold;
  text-align:left;
}
table {
  border-collapse:collapse;
  width:90%;
  margin-left:5%;
  margin-top:3px;
}
th {
  padding:4px 10px;
  text-align:center;
}
th.pth {border-right:1px solid #fff}
td {
  padding:1px 10px;
  text-align:center;
  border-right:1px solid #6B006B;
}
td img {height:100px}
tr {
  background:#fff;
  border:1px solid #6B006B;
}
thead th {
  background:#6B006B;
  color:#fff;
  text-align:center;
}
tbody th {
  font-weight:normal;
  color:#000;
}
tr.alternate {background:#EABFFE}
td.grs {border-right:none}
.post-body .box1 {
  background-color:#F0F0F0;
  border-left:6px solid #EF633B;
  padding:5px 5px 5px 10px;
  text-align:left;
}
.post-body .box2 {
  background-color:#F0F0F0;
  border-bottom:6px solid #EF633B;
  padding:5px;
  text-align:left;
}
.post-body .box3 {
  background-color:#F0F0F0;
  border:2px solid #6B0;
  padding:10px;
  text-align:left;
}
.post-body .box4 {
  background-color:#ffc;
  border:1px solid #6B006B;
  margin:0 auto;
  padding:10px;
  text-align:left;
  width:90%;
}
.post-body .box5 {
  background:#FFFFE2;
  color:#3B5998;
  border-bottom:6px solid #EF633B;
  font-family:Oswald,sans-serif;
  padding:5px 10px;
  text-align:left;
  max-width:280px;
  margin:0 auto;
}
.post-body .box {
  background-color:#FFFFDF;
  border:1px #F5EBC2 solid;
  padding:10px;
  margin:0 0 5px 0;
}
.post-body .style1 {
  color:#00F;
  font-weight:bold;
}
.post-body .style2 {
  color:#C00;
  font-weight:bold;
}
.post-body .style3 {color:#FFF}
.post-body .tengah {text-align:center !important}
.breadcrumbs {
  padding:0 5px 5px 0;
  margin-bottom:10px;
  margin-top:0;
  font-size:11px;
  color:#5B5B5B;
  border-bottom:1px dotted #bbb;
}